<html>
    <head>
        <meta name="generator" content="HTML Tidy, see www.w3.org">
        <meta http-equiv="Content-Type" content= "text/html; charset=UTF-8">
        <title>Huang & Tang</title>
        <link rel="stylesheet" type="text/css" href= "style/default.css">
    </head>
    <body>
        {include header.html} 
        {if $type=='preview'}
        <div style="width:1000px;overflow:hidden" id="x">
            <ul class="list_preview" style="width:{echo 66*count($list)}px;">
                {foreach $list $row}
                <li style="float:left">
                    <img alt="" src= "{echo WEB.str_replace('/0', '/80', $row['image'])}" title="{$row['name']}" class="smallImg">
                </li>{/foreach}
            </ul>
        </div><a onmousedown="scrollMove('x', 'left')" onmouseup="scrollMove()">左</a>
        <a onmousedown="scrollMove('x', 'right')" onmouseup="scrollMove()">右</a>{elseif $type=='list'}
        <table class="list_list">
            <tr>
                <th colspan="2">
                    名称
                </th>
                <th>
                    创建日期
                </th>
                <th>
                    创建人
                </th>
            </tr>
            {foreach $list $row}
            <tr>
                <td>
                    <img alt="" src= "{echo WEB.str_replace('/0', '/80', $row['image'])}" class="iconImg">
                </td>
                <td>
                    {$row['name']}
                </td>
                <td>
                    {echo date('Y-m-d H:i', $row['createTime'])}
                </td>
            </tr>{/foreach}
        </table>
        {else}
        <ul class="list_small">
            {foreach $list $row}
            <li>
                <img alt="" src= "{echo WEB.str_replace('/0', '/80', $row['image'])}" title="{$row['name']}" class="smallImg">
            </li>{/foreach}
        </ul>{/if}
        <script type="text/javascript" src="js/jquery.js">
        </script>
        <script type="text/javascript" src="js/javascript.js">
        </script>
        <script type="text/javascript">
            $('.img').mouseover(function(){
                $(this).addClass('img_over');
                $('div:last', this).html('▼').click(function(){
                    openImgMenu(this);
                });
            }).mouseout(function(){
                $(this).removeClass('img_over');
                $('div:last', this).html('');
            })
            function openImgMenu(obj){
                $('#img_menu').toggle();
            }
        </script>
    </body>
</html>
